@charset "UTF-8";
.header {
  position: relative;
  height: 110px;
  @include flc(18px, 110px, #232323, center);
  .background {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    .background-left, .background-right {
      width: 50%;
      height: 111px;
    }
    .background-left {
      background: #293036;
    }
    .background-right {
      background: #38C2DF;
    }
  }
  .wrap {
    background: url("../images/c_logo1.png") left center no-repeat;
    height: 111px;
    position: relative;
    .index-link {
      position: absolute;
      @include wah(285px, 108px, none);
      left: 0;
      top: 0;
    }
    .nav {
      margin-left: 282px;
      li {
        @include wah(145px, 111px, left);
        overflow: visible;
        background: #fff;
      }
      .nav-home {
        background: #293036;
        border-left: 1px solid #303840;
        &.on, &:hover {
          background: #F7551F;
        }
        .icon {
          vertical-align: -10px;
        }
      }
      .nav-link {
        a {
          padding: 40px 10px;
        }
        &.on a, , a:hover {
          color: #F7551F;
          border-bottom: 4px solid #F7551F;
        }
      }
      .nav-user {
        width: 62px;
        background: #EEEDED;
        &:hover {
          .dropdown-menu {
            display: block;
          }
        }
        ;
        .dropdown-menu {
          display: none;
          li {
            height: 40px;
            width: 120px;
            @include flc(14px, 40px, none, center);
            border-bottom: 1px solid #ccc;
          }
        }
      }
    }
  }
}

.footer {
  background: #293036;
  height: 60px;
  @include flc(14px, 60px, #fff, center);
}
